<template>
  <div class="content">
    <div class="dispute-list">
      <div class="dispute-item boxShadow">
        <div class="dispute-top">
          <span class="left">{{queryData.type=='0'?$t('BUYER_APPLICATION'):$t('SELLER_APPLICATION')}}</span>
          <span class="right">{{queryData.state=="0"?$t('APPLICATION'):queryData.state=="1"?$t('ADOPT'):$t('REFUSE')}}</span>
        </div>
        <div class="dispute-time">{{queryData.dateFormatDate}}</div>
        <div class="dispute-desc box-flex space-between">
          <span>{{'DISPUTE_ORDER_NUMBER'|t}}：</span>
          <span>{{queryData.dealNo}}</span>
        </div>
        <div class="dispute-desc  box-flex space-between">
          <span>{{'ACCOUNT_NUMBER'|t}}：</span>
          <span v-if='queryData.type=="0"'>{{queryData.buyMatchUserName}}</span>
          <span v-else>{{queryData.sellMatchUserName}}</span>
        </div>
      </div>
    </div>
    <div class="dispute-reason">
      <div class="cont">
        <span>{{'DISSENSION_NOTES'|t}}：</span>
        {{queryData.remark}}
      </div>
    </div>
    <div class="dispute-reason">
      <div class="cont">
        <span>{{'DISPUTE_FEEDBACK'|t}}：</span>
        {{queryData.reason}}
      </div>
    </div>
    <!-- <div class="dispute-img-wrap">
      <img :src="queryData.disputePhone" alt="" class="dispute-img">
    </div> -->
  </div>
</template>

<script>
  import { Form, Func, Auth } from '@/providers';
  import { C2c, Coins } from '@/services';
  export default {
    data() {
      return {
        queryData: {},
        sellPrice: ''
      };
    },
    methods: {
      async getData() {
        try {
          let res = await C2c.GetSpotDisputeById({
            id: this.$route.query.id,
            userNo: Auth.getItem('userId')
          });
          console.log(res);
          this.queryData = res.data.spotDispute;
        } catch (error) {
          console.log(error);
        }
      }
    },
    created() {
      this.getData();
    }
  };
</script>
<style lang="scss" scoped>
  @import "../../assets/sass/manage.scss";
</style>